@media screen and (max-width: 767px) {
  .container {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .container {
    width: 850px ;
  }
}
@media screen and (min-width: 992px) {
  .container {
    width: 970px ;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    width: 1170px ;
  }
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #555;
  background-color: #f8f8f8;
}
.dd {
  background-color: #e7e7e7;
}
